<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户·个人空间</title>
<body th:style="'background-image:url(/images/绿色背景.jpg)'"></body>
<style>
    body{
        background-image: url("images/绿色背景.jpg");
    }
    .button {
        background-color: #058A1C;
        border: none;
        color: white;
        padding: 7px 14px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        border-radius: 12px;
    }
    .button1 {
        background: -moz-linear-gradient(top, #13BFB4 0%, #2B57AA 100%);
        background: -webkit-linear-gradient(top, #13BFB4 0%, #2B57AA 100%);
        background: linear-gradient(to bottom, #13BFB4 0%, #2B57AA 100%);
    }
    .button1:hover {
        box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 4px 12px 0 rgba(0,0,0,0.19);
    }

    .button2 {

        background: -moz-linear-gradient(top, #72D444 0%, #058A1C 100%);
        background: -webkit-linear-gradient(top, #72D444 0%, #058A1C 100%);
        background: linear-gradient(to bottom, #72D444 0%, #058A1C 100%);
    }
    .button2:hover {
        box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 4px 12px 0 rgba(0,0,0,0.19);
    }

    .button3 {

        background: -moz-linear-gradient(top, #F57A91 0%, #9E1919 100%);
        background: -webkit-linear-gradient(top, #F57A91 0%, #9E1919 100%);
        background: linear-gradient(to bottom, #F57A91 0%, #9E1919 100%);
    }
    .button3:hover {
        box-shadow: 0 3px 4px 0 rgba(0,0,0,0.24),0 4px 12px 0 rgba(0,0,0,0.19);
    }

</style>

</head>
<body>
<div style="
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F8F8F8;
padding: 30px 30px 20px 30px;
font: 12px Arial, Helvetica, sans-serif;
color: 	#57AA2C;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;">
<script th:inline="javascript">
    var n = [[${member.name}]];
    var t = [[${team.name}]];
    if([[${team.teamid}]] == -1){
        document.write('<h1><p>身为自由人的「'+n+'」，已登录！</p></h1>');
    }
    else{
        document.write('<h1><p>隶属于'+t+'的「'+n+'」，已登录！</p></h1>');
    }
</script>
<hr><br>
<p><a th:href="@{/createTeam.html(memberid=${member.memberid},password=${member.password})}"><button class="button button1">新建队伍</button></a></p>
<p><a th:href="@{/joinTeam.html(memberid=${member.memberid},password=${member.password},teamid=${member.teamid})}"><button class="button button1">更新所属的队伍</button></a></p>
    <form action="../team/searchAll" method="post">
        <script th:inline="javascript">
            document.write('<input type="hidden" name="memberid" value="'+[[${member.memberid}]]+'" />');
        </script>
        <input class="button button1" type="submit" value="说起来都有哪些队伍来着" />
    </form>
    <br><br>

<p><a th:href="@{/setMember.html(memberid=${member.memberid},password=${member.password},teamid=${member.teamid},name=${member.name},sex=${member.sex},tel=${member.tel})}"><button class="button button2">查看或修改个人信息</button></a></p>
<p><a th:href="@{/who.html(memberid=${member.memberid},password=${member.password})}"><button class="button button2">这个ID是谁的？</button></a></p>
<br>

<p><a th:href="@{/createActive.html(memberid=${member.memberid},teamid=${member.teamid},password=${member.password})}"><button class="button button3">作为领队·发起活动</button></a></p>
<p><a th:href="@{/searchActive.html(memberid=${member.memberid},teamid=${member.teamid},password=${member.password})}"><button class="button button3">作为喽啰·查看队伍的活动</button></a></p>
<p><a th:href="@{/cancel.html(memberid=${member.memberid},password=${member.password})}"><button class="button button3">有内鬼，活动取消！</button></a></p>
<br>
<p><a href="/index.html">莫非您要登出本系统？！</a></p>
</div>
</body>
</html>